<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../common/mui/mui.min.css" rel="stylesheet" />
		<link href="../common/css/iconfont0.css" rel="stylesheet" />
		<link href="video.css" rel="stylesheet" />
		<style type="text/css">
			.backBtn {
				width: 34px;
				height: 34px;
				border-radius: 17px;
				position: absolute;
				background: white;
				opacity: 0.8;
				top: 30px;
				left: 20px;
				z-index: 999;
				text-align: center;
				line-height: 34px;
				color: #24AF96;
				z-index: 99999;
			}

			.lockIcon {
				width: 30px;
				height: 30px;
				position: absolute;
				top: 50%;
				left: 30px;
				z-index: 999;
				text-align: center;
				color: white;
				display: none;
			}
		</style>
	</head>

	<body style="background: black;">
		<a id="backBtn" class="mui-icon mui-icon-left-nav backBtn"></a>
		<div id="lockIcon" class="iconfont icon-fabu lockIcon"></div>
		<div class="mui-video-Container" id="video_Container" style="display: none;">
			<div class="mui-video-full">
				<!--加载提示-->
				<div class="rprogress">
					<span class="ladtit">加载</span>
					<div class="rschedule"></div>
				</div>
				<!--end-->
				<!--全屏时后退图标-->
				<span class="mui-full-back">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-houtui1"></use>
					</svg>
					<span class="vtitle"></span>
				</span>
				<!--end-->
				<!--播放按钮-->
				<span class="mui-pay_ico">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-bofang1"></use>
					</svg>
				</span>
				<!--end-->
				<div class="v_left"></div>
				<div class="b_right"></div>
				<div class="ptime"></div>
				<div class="mui-video-txt"></div>
				<!-- 播放进度条-->
				<div class="mui-videoControls">
					<span class="mui-time-total mui-quanping">
						<!--全屏按钮-->
						<span class="mui-time-cout">00:00</span>
						<!--总时间-->
						<span class="mui-full-btu">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-quanping"></use>
							</svg>
						</span>
					</span>
					<span class="mui-time-current">00:00</span>
					<!--进度时间-->
					<div class="mui-progressWrap">
						<!--可以拖动的进度条-->
						<div class="mui-wrap-right">
							<input type="range" id='mui-block-range' value="0" min="0" max="100">
						</div>
					</div>
				</div>
				<!-- 播放进度条end-->
			</div>
		</div>
		<!--视频播放区域end-->
		<script src="../common/mui/mui.min.js"></script>
		<script src="../common/js/hls.min.js"></script>
		<script src="../common/js/html5video.js"></script>
		<script type="text/javascript">
			var isFirst = true;
			mui.init();
			mui.plusReady(function() {
				//初始化插件
				baseSetup();
			});

			function baseSetup() {
				plus.screen.unlockOrientation();
				plus.navigator.setFullscreen(true);
				plus.navigator.setStatusBarBackground('#000000');
				mui('body').on('tap','#backBtn',function(){
					mui.back()
				}) 
				var self = plus.webview.currentWebview();
				var fileUrl = self.fileurl;
				var titleStr = self.titleStr;
				var htmlvideo = Html5video("#video_Container", {
					url: fileUrl, //支持本地视频和网络视频，格式MP4
					img: "", //视频截图封面
					time: "", //视频总时间以分钟单位，当网络缓慢时，没办法及时加载出来，如已知可以填写，可不填。
					autoplay: true, //是否自动播放视频
					isMobile: true, //是否开启当处于移动网络时，提示用户是否继续播放视频。,不支持浏览器环境
					drag: true, //禁止拖动,调节,音量和亮度
					prompt: function(video) //当开启isMobile时,这里可以写提示用户的内容,h5+环境才有效
					{
						video.play();
					},
				});
				var video_Container = document.getElementById('video_Container');
				video_Container.style.display = 'block';
			}
		</script>
	</body>

</html>